import React from "react";
import LocaleSwitcher from "./LocaleSwitcher";
import FullscreenToggle from "./FullscreenToggle";
import ThemeSwitcher from "./ThemeSwitcher";

const HeaderRight: React.FC<{
  locale: string;
  onLocaleChange: (v: string) => void;
  theme: string;
  onThemeChange: (v: string) => void;
  children?: React.ReactNode;
}> = ({ locale, onLocaleChange, theme, onThemeChange, children }) => (
  <div style={{ display: "flex", alignItems: "center" }}>
    <LocaleSwitcher value={locale} onChange={onLocaleChange} />
    <FullscreenToggle />
    <ThemeSwitcher value={theme} onChange={onThemeChange} />
    {children}
  </div>
);

export default HeaderRight;
